<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <link rel="stylesheet" href="/css/main.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- 自定义函数 -->
    <script src="/js/tools.js"></script>
    <!-- 最下方轮播图的js -->
    <script src="/js/slideshow.js"></script>
</head>
<body>
    <!-- 头部 -->
    <header class="wp-wrapper">
        <div class=" wp-inner"> 
            <!-- 左侧logo -->
            <div class="site-logo"> 
                <img src="/images/logo.png" >
            </div>
            <!-- 右上角导航 -->
            <div class="nav_bar hidden-xs">
                <div id="wp_nav_w211">
                    <ul class="wp_nav">
                        <li>
                            <a href="#">广州国际校区</a> 
                        </li>
                        <li>
                            <a href="#">Guangzhou International Campus</a>
                        </li>
                    </ul>
                </div>
                <div id="wp_nav_w222">
                    <ul class="wp_nav">
                        <li>
                            <a href="#">在校生</a>
                        </li>
                        <li>
                            <a href="#">教职员工</a>
                        </li>
                        <li>
                            <a href="#">校友</a>
                        </li>
                        <li>
                            <a href="#">未来学生</a>
                        </li>
                        <li>
                            <a href="#">访客</a>
                        </li>
                    </ul>
                </div>
                <div id="wp_nav_w233">
                    <ul class="wp_nav">
                        <li>
                            <a href="#">新闻网</a>
                        </li>
                        <li>
                            <a href="#">门户</a>
                        </li>
                        <li>
                            <a href="#">邮箱</a>
                        </li>
                        <li>
                            <a href="#">网络服务</a>
                        </li>
                        <li>
                            <a href="#">English</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>      
    </header>
    <!-- 导航栏 -->
    <nav  class="hidden-xs ">
        <ul  class="list">
            <li class="menu-item">
                <a href="#">学校概况
                    <i class="fa fa-angle-down"></i>
                </a> 
                <div class="dropdown">
                    <ul>
                        <li><a href="#">学校简介</a></li>
                        <li><a href="#">学校沿革</a></li>
                        <li><a href="#">学校标识</a></li>
                        <li><a href="#">学校章程</a></li>
                        <li><a href="#">学校领导</a></li>
                        <li><a href="#">校史钩沉</a></li>
                    </ul>
                </div>  
            </li>
            <li>
                <a href="#">机构设置</a>
            </li>
            <li class="menu-item">
                <a href="#">人才培养
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">师资队伍</a></li>
                        <li><a href="#">本科生教育</a></li>
                        <li><a href="#">研究生教育</a></li>
                        <li><a href="#">留学生教育</a></li>
                        <li><a href="#">继续教育</a></li>
                        <li><a href="#">精品课程</a></li>
                        <li><a href="#">教学在线</a></li>
                    </ul>
                </div> 
            </li>
            <li class="menu-item">
                <a href="#">科学研究
                    <i class="fa fa-angle-down"></i>
                </a> 
                <div class="dropdown">
                    <ul>
                        <li><a href="#">研究机构</a></li>
                        <li><a href="#">学术期刊</a></li>
                        <li><a href="#">自然科学</a></li>
                        <li><a href="#">社会科学</a></li>
                        <li><a href="#">科技成果转化</a></li>
                    </ul>
                </div> 
            </li>
            <li class="menu-item">
                <a href="#">招生就业
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">本科生招生</a></li>
                        <li><a href="#">研究生招生</a></li>
                        <li><a href="#">继续教育招生</a></li>
                        <li><a href="#">就业服务</a></li>
                        <li><a href="#">数字迎新系统</a></li>
                    </ul>
                </div> 
            </li>
            <li>
                <a href="#">图书馆</a>
            </li>
            <li class="menu-item">
                <a href="#">校园生活
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">校园风光</a></li>
                        <li><a href="#">校园地图</a></li>
                        <li><a href="#">电影信息</a></li>
                        <li><a href="#">木棉BBS</a></li>
                        <li><a href="#">移动门户</a></li>
                        <li><a href="#">社交应用</a></li>
                        <li><a href="#">心理咨询</a></li>
                        <li><a href="#">校园安全</a></li>
                        <li><a href="#">后勤服务</a></li>
                        <li><a href="#">校医院</a></li>
                        <li><a href="#">统一支付平台</a></li>
                        <li><a href="#">网上办事大厅</a></li>
                        <li><a href="#">师生服务大厅</a></li>
                        <li><a href="#">VPN</a></li>
                    </ul>
                </div> 
            </li>
            <li>
                <a href="#">人才招聘</a>
            </li>
            <li class="menu-item">
                <a href="#">合作交流
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">出访事务</a></li>
                        <li><a href="#">外专和引智</a></li>
                        <li><a href="#">国际交流</a></li>
                        <li><a href="#">对港澳台交流</a></li>
                        <li><a href="#">海外学习</a></li>
                        <li><a href="#">中外合作办学机构和项目</a></li>
                        <li><a href="#">国际联合研究中心</a></li>
                    </ul>
                </div> 
            </li>
        </ul>
    </nav>  
    <!-- aside导航 -->
    <div class="visible-xs" id="aside-nav">
        <a class="nav-icon" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
            <i class="fa fa-navicon"></i>
        </a>
        <div id="collapseThree" class="collapse aside-wrap">
            <div class="navi-aside-title">
                <p>导航</p>
            </div>
            <ul class="aside-list">
                <li>
                    <a href="#">学校概况</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#intro">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                    
                </li>
                <div id="intro" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">学校简介</a></li>
                        <li><a href="#">学校沿革</a></li>
                        <li><a href="#">学校标识</a></li>
                        <li><a href="#">学校章程</a></li>
                        <li><a href="#">学校领导</a></li>
                        <li><a href="#">校史钩沉</a></li>
                    </ul>
                </div>  
                <li>
                    <a href="#">机构设置</a>
                </li>
                <li>
                    <a href="#">人才培养</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#talents">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="talents" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">师资队伍</a></li>
                        <li><a href="#">本科生教育</a></li>
                        <li><a href="#">研究生教育</a></li>
                        <li><a href="#">留学生教育</a></li>
                        <li><a href="#">继续教育</a></li>
                        <li><a href="#">精品课程</a></li>
                        <li><a href="#">教学在线</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">科学研究</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#research">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="research" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">研究机构</a></li>
                        <li><a href="#">学术期刊</a></li>
                        <li><a href="#">自然科学</a></li>
                        <li><a href="#">社会科学</a></li>
                        <li><a href="#">科技成果转化</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">招生就业</a>
                    <a   id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#recruit">
                        <i  class="fa fa-angle-left"></i>
                    </a>                
                </li>
                <div id="recruit" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">本科生招生</a></li>
                        <li><a href="#">研究生招生</a></li>
                        <li><a href="#">继续教育招生</a></li>
                        <li><a href="#">就业服务</a></li>
                        <li><a href="#">数字迎新系统</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">图书馆</a>
                </li>
                <li>
                    <a href="#">校园生活</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#live">
                        <i  class="fa fa-angle-left"></i>
                    </a>                
                </li>
                <div id="live" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">校园风光</a></li>
                        <li><a href="#">校园地图</a></li>
                        <li><a href="#">电影信息</a></li>
                        <li><a href="#">木棉BBS</a></li>
                        <li><a href="#">移动门户</a></li>
                        <li><a href="#">社交应用</a></li>
                        <li><a href="#">心理咨询</a></li>
                        <li><a href="#">校园安全</a></li>
                        <li><a href="#">后勤服务</a></li>
                        <li><a href="#">校医院</a></li>
                        <li><a href="#">统一支付平台</a></li>
                        <li><a href="#">网上办事大厅</a></li>
                        <li><a href="#">师生服务大厅</a></li>
                        <li><a href="#">VPN</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">人才招聘</a>
                </li>
                <li>
                    <a href="#">合作交流</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#collaborate">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="collaborate" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">出访事务</a></li>
                        <li><a href="#">外专和引智</a></li>
                        <li><a href="#">国际交流</a></li>
                        <li><a href="#">对港澳台交流</a></li>
                        <li><a href="#">海外学习</a></li>
                        <li><a href="#">中外合作办学机构和项目</a></li>
                        <li><a href="#">国际联合研究中心</a></li>
                    </ul>
                </div> 
            </ul>
            <div class="navi-aside-title" >
                <p>角色身份</p>
            </div>
            <ul class="aside-list">
                <li><a href="#">在校学生</a></li>
                <li><a href="#">教职员工</a></li>
                <li><a href="#">校友</a></li>
                <li><a href="#">未来学生</a></li>
                <li><a href="#">访客</a></li>
            </ul>
            <div class="navi-aside-title">
                <p>快速链接</p>
            </div>
            <ul class="aside-list">
                <li><a href="#">门户</a></li>
                <li><a href="#">邮箱</a></li>
                <li><a href="#">网络服务</a></li>
                <li><a href="#">English</a></li>
                <li><a href="#">广州国际校区</a></li>
                <li><a href="#">Guangzhou International Campus</a></li>
            </ul>
		</div>
    </div>
    <!-- 导航栏结束 -->
    <!-- 主页大图 -->
    <div class="wp-focus">
        <div class="focus_pic">
            <a href="#" title="热烈祝贺！陈克复院士团队荣获国家科技进步一等奖">
                <img src="/images/001.jpg">
            </a>
            <div class="huigu">
                <a href="#"></a>
            </div>
        </div>
        
    </div>
    <!-- 大图结束 -->
    <!-- 校园新闻 -->
    <div class="campus-news">
        <!-- 顶部图片 -->
        <div class="post-head">
            <!-- 头部标题 -->
            <div class="head-bar">
                <div class="post-title">
                    <h3>校园新闻</h3>
                    <p>News</p>
                </div>
                <div class="post-more">
                    <a href="#">more</a>
                </div>
            </div>
            <!-- 新闻头条图片 -->
            <div class="post-body">
                <div class="row">
                    <div class="news-item  col-sm-4">
                        <div class="meta-img" >
                            <a href="#" title="《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密码”">
                                <img src="/images/002.jpg" alt="">
                            </a>
                        </div>
                        <div class="meta-title" >
                            <a href="#" title="《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密码”">《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密...</a>
                        </div>
                    </div>
                    <div class="news-item  col-sm-4">
                        <div  class="meta-img">
                            <a href="#" title="华南理工大学参加2020年全国教育工作网络视频会议">
                                <img src="/images/003.jpg" alt="">
                            </a>
                        </div>
                        <div class="meta-title">
                            <a href="#" title="华南理工大学参加2020年全国教育工作网络视频会议">华南理工大学参加2020年全国教育工作网络视频会议</a>
                        </div>
                    </div>
                    <div class="news-item  col-sm-4">
                        <div  class="meta-img">
                            <a href="#" title="华南理工大学2019年度十大新闻揭晓">
                                <img src="/images/004.jpg" alt="">
                            </a>
                        </div>
                        <div class="meta-title">
                            <a href="#" title="华南理工大学2019年度十大新闻揭晓">华南理工大学2019年度十大新闻揭晓</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 新闻列表 -->
            <div class="news-list">
                <div class="wp_news col-xs-12 col-sm-12 col-md-6">
                    <ul class="post-news">
                        <li>
                            <span class="news-title">
                                <a href="#" title="广东省委教育工委来校慰问院士和学校老领导">
                                    广东省委教育工委来校慰问院士和学校老领导
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="积极咨政建言　有力贯彻落实　学校获评全省信息工作先进单位">
                                    积极咨政建言　有力贯彻落实　学校获评全省信息工作先进单位
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密码”">
                                    《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="数字学术背景下粤港澳大湾区资源建设与学科服务研讨会举行">
                                    数字学术背景下粤港澳大湾区资源建设与学科服务研讨会举行
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="电子与信息学院举办“德生奖教金”颁奖典礼">
                                    电子与信息学院举办“德生奖教金”颁奖典礼
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工召开2019年离退休老同志校情通报会">
                                    华南理工召开2019年离退休老同志校情通报会
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="孔美少年志　华工帮扶情　学校帮扶孔美小学生冬令营举办" >
                                    孔美少年志　华工帮扶情　学校帮扶孔美小学生冬令营举办
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="假期期间　学校加紧协调推进清污分流施工">
                                    假期期间　学校加紧协调推进清污分流施工
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                    </ul>
                </div>
                <div class="wp_news col-xs-12 col-sm-12 col-md-6">
                    <ul class="post-news">
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工大学参加2020年全国教育工作网络视频会议">
                                    华南理工大学参加2020年全国教育工作网络视频会议
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#"title="华南理工大学2019年度十大新闻揭晓">
                                    华南理工大学2019年度十大新闻揭晓
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工工程博士作为主要完成人获国家科学技术进步一等奖　">
                                    华南理工工程博士作为主要完成人获国家科学技术进步一等奖　
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#"title="【不忘初心、牢记使命】华南理工参加教育部直属高校“不忘初心、牢记使命”主题教育总结视频会">
                                    【不忘初心、牢记使命】华南理工参加教育部直属高校“不忘初...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="高松校长出席2020未来教育论坛并作主题演讲">
                                    高松校长出席2020未来教育论坛并作主题演讲
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工大学政协委员参加省政协十二届三次会议　积极建言献策">
                                    华南理工大学政协委员参加省政协十二届三次会议　积极建言献...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="深化银校合作  华南理工大学举行建行学院合作办学一周年研讨会">
                                    深化银校合作  华南理工大学举行建行学院合作办学一周年研讨...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="【不忘初心、牢记使命】华南理工大学召开“不忘初心、牢记使命”主题教育总结会">
                                    【不忘初心、牢记使命】华南理工大学召开“不忘初心、牢记使...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 校园新闻结束 -->
    <!-- 中间小图 -->
  
</body>
</html>